<template>
  <div class="layout-page">
    首页架子 - 内容区域
  <router-view></router-view>
    <!-- 底部tabbar - 区域 -->
    <!-- 在vant2中引入tabbar标签页 并将二级路由引入一级路由主页面-->
    <van-tabbar v-model="active">
  <van-tabbar-item to='/article' icon="notes-o">面经</van-tabbar-item>
  <van-tabbar-item to='/collect'  icon="star-o">收藏</van-tabbar-item>
  <van-tabbar-item to='/like'  icon="like-o">喜欢</van-tabbar-item>
  <van-tabbar-item to='/user' icon="user-circle-o">我的</van-tabbar-item>
</van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'layout-page',
  data () {
    return {
      active: 0
    }
  }
}
</script>

<style lang="less" scoped></style>
